Bolero: F# in WebAssembly

Develop SPAs with the full power of F# and .NET.

Try F# in WebAssembly

Get started easily

with .NET SDK 5.0.100

Install the project template:

Create a project:

Build and run:

 

F# on the client side, no JavaScript

Bolero uses Blazor to bring F# to WebAssembly.

Create dynamic HTML content using syntax familiar from WebSharper and Fable, in a full-fledged client-side .NET web framework.

DOM code in F#

Model-View-Update architecture with Elmish

Structure client-side applications with clear separation of concerns between logic and display with the popular Elmish library.

HTML templates with hot reloading

Alternatively, use HTML files with the Template type provider.

Bolero provides hot reloading of HTML template files for immediate feedback.

HTML template and F# instantiation
Defining and calling a remote function

Seamless server remoting

Invoke server-side code hosted on ASP.NET Core as a simple asynchronous function call.

Easily integrate such a call in the Elmish update function.

Automated URL routing

Define your application's routes as an F# union, store it in your Elmish model, and Bolero will parse and generate URLs.

Defining and using a route